html,body,div,h1,h2,h3,h4,h5,h6,p,img,ul,li,input,span,a,i
  padding:0
  margin: 0
html
  font-family: "microsoft yahei", "HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif
  font-size: 10vw
  // font-size: -webkit-calc(10vw) 

body
  width: 10rem
  margin: 0 auto
  // position: relative                //加了报错
  background-color: #F5F5F5
  font-size: 0.38rem

html, body
  padding: 0px
  margin: 0px
  width: 100%
  height: 100%
  overflow: hidden   //通过bottom 0 把导航栏放在最下面，但是里面的item如果超出的话会产生滚动条
                      //通过overflow 就不会产生滚动条， 再通过设置html的字体 是10vm 就可以使两者完美结合了             
img
  border: none
  vertical-align: top
  width: 100%
a
  text-decoration: none

input,textarea,button
  outline: none
  -webkit-appearance: none

textarea
  resize: none
  overflow: hidden

li
  list-style: none
*
  -webkit-tap-highlight-color: rgba(0,0,0,0)
  -webkit-tap-highlight-color: transparent


.clear
  zoom: 1    
  &::after, &::before
    content: ""
    display: block
    clear: both

.app-init
  position: absolute
  left: 0px
  top: 0px
  right: 0px
  bottom: 0px

.fl,.pull-left
  float: left
.fr,.pull-right
  float: right
.section
  width: 100%
  position: relative
.section-center
  padding: 0 0.413rem
  position: relative
.full
  width: 100%
.absolute
  position: absolute
.relative
  position: relative
.noscroll::-webkit-scrollbar
  width: 0px
  height: 0px

.scroll-box
  -webkit-overflow-scrolling : touch
  overflow-y: auto

.scroll-box-x
  -webkit-overflow-scrolling : touch
  overflow-x: auto

// 垫在最后,防止footer挡住
.footer-hack:after
  content: ''
  display: block
  width: 100%
  padding-bottom: 1.44rem




$iphoneseWidth : 640px

$backHeaderHeight : 1.5625rem
$footerHeight : 1.43rem



@function getIphonese($n)
  @return ($n / ($iphoneseWidth / 10)) *1rem

@mixin box-sizing
  -webkit-box-sizing: border-box
  box-sizing: border-box

@mixin f14px
  font-size: 0.38rem

@mixin f12px
  font-size: 0.34rem


@mixin ani01-all
  -webkit-transition: all 0.4s cubic-bezier(.55,0,.1,1)
  transition: all 0.4s cubic-bezier(.55,0,.1,1)

@mixin ani01-transform
  -webkit-transition: transform 0.4s cubic-bezier(.55,0,.1,1)
  transition: transform 0.4s cubic-bezier(.55,0,.1,1)

.footer.leave 
    -webkit-transform: translateY(100%)
    transform: translateY(100%)

.touch-item-box
  margin-bottom: 0.2rem
  .touch-item:last-child
    border-bottom: none
  .touch-item:active
    background-color: #eee
  .touch-item
    line-height: getIphonese(80px)
    background-color: #fff
    color: rgba(0,0,0,.87)
    position: relative
    border-bottom: 1px solid #D9D9D9

    padding: 0 0.4rem
    @include f12px
    .key
      color: rgba(0,0,0,.54)
      padding-right: 0.2rem

  .touch-item:after
    font-family: 'iconfont'
    content: "\e628"
    position: absolute
    right: getIphonese(26px)
    color: #3E3E3E



// 路由改变的过渡效果
@mixin slide-active
  transition: all 0.4s cubic-bezier(.55,0,.1,1)
  -webkit-transition: all 0.4s cubic-bezier(.55,0,.1,1)

.slide-go-enter-active,.slide-go-leave-active,.slide-back-enter-active,.slide-back-leave-active
  @include slide-active

.slide-back-enter-from,.slide-go-leave-to
  transform: translateX(-100%)

.slide-go-enter-from,slide-back-leave-to
  transform: translateX(100%)


.slide-go-enter-to,.slide-back-enter-to,.slide-go-leave-from,.slide-back-leave-from
  transform: translateX(0)

//加载条的
.loading-bar
  position: absolute
  z-index: 400
  width: 100%
  height: 2px
  left: 0px
  top: 0px
.loading-bar
  span.press
    display: block
    float: left
    width: 0%
    height: 100%
    background-color: #FFCB30
    transition: all 0.4s cubic-bezier(.55,0,.1,1)


.loading-bar.loading span.press
  width: 10%
  opacity: 1

.loading-bar.end span.press
  width: 100%
  opacity: 1

.loading-bar.hide span.press
  opacity: 0
  width: 100%

.loading-bar.normal span.press
  opacity: 0
  width: 0%

//footer的校红点
.footer .shop-car .num 
  position: absolute
  width: 0.5rem
  height: 0.5rem
  border-radius: 50%
  line-height: 0.5rem
  text-align: center
  background-color: #f95c52
  color: #fff
  right: 2.8rem
  top: 0.05rem
    